html,body{
    background-color: #f2f2f2;
    color: #666;
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
}
.showme-wordbreak{
 	word-break: break-all;
}
.model-lineheight{
	line-height: 30px;
}
/*列表展示样式 start*/
.layui-fluid {
	padding: 15px;
}
.form-input {
	width: 350px;
}
.orange_border{
	border: solid 2px #FE5400;
}
.form_cursor{
	cursor: pointer;
}
.form-title {
    height: 30px;
    font-weight: 400;
    line-height: 30px;
}
.content-list-img {
	width: 30px;
	height: 30px;
}
.content-list-btn{
	padding: 3px 8px;
	background: #FFFFFF;
	border: 1px solid #DBDBDB;
	cursor: pointer;
	font-size: 12px;
	color: #666666;
	letter-spacing: 0.2px;
	outline: none;
	margin-right: 10px;
	line-height: inherit;
}
.layui-col-md12 {
	padding: 15px;
}
.layui-card-body {
    padding: 10px 15px;
    line-height: 24px;
}
.form-input-time {
	width: 160px;
	float: left;
}
.user-img {
	height: 30px;
}
/*列表展示样式 end*/

/*详细列表 start*/
.layui-input-block {
	line-height: 40px;
}
.layui-form-label {
	width: 120px;
}
.layui-form-item {
	margin-bottom: 5px;
}
.layui-input-block-text {
	width: 350px;
	float: left;
}
.layui-input-block-text input {
	height: 30px;
	margin-top: 5px;
}
.layui-form-pane .layui-form-label {
	width: 250px;
	text-align: right;
	background-color: #FFFFFF;
	border: none;
	line-height: 25px;
}
.showme-label-title {
	width:120px;
}
.showme-label-title .showme-tips {
	float:left;
	margin-top:10px;
}
.showme-label-title h3 {
	float:left;
}
.upload-img {
	width: 100px;
}
.details-img {
	height:150px;
}
/*详细列表 end*/
/*模态框样式 start*/
.model {
	padding: 20px;
}
.model-maxheight {
	padding: 20px;
	max-height: 500px;
	overflow: auto;	
}
.showcase-img {
	width:150px;
}
body .layui-layer-page .layui-layer-content {
    overflow: inherit;
}
.model .form-title {
	float: left;
	width: 100px;
	text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.model .form-input {
	float: left;
}
.model .model-title {
	width: 140px;
}
.model .model-text {
	width: 350px;
}
.form-input .layui-form-radio {
	margin: 0;
}
/*模态框样式 end*/
/*公共样式 start*/
.layui-padding-bottom {
	padding-bottom: 30px;
}
.layui-padding {
	padding: 15px;
}
.layui-border-none {
	border: none;
}
.layui-upload-list {
	margin-left: 30px;
}
.layui-footer-btn {
	margin-left: 30px;
	margin-top: 30px;
}
.layui-margin-top {
	margin-top: 5px;
}
.layui-margin-bottom {
	margin-top: 20px;
}
.layui-style-center {
	text-align: center;
	height:154px;
}
.broadcast-img {
	height: 80px;
}
.monitor-img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.layui-ztree-input{
	width: 300px;
	float: left;
}
.layui-ztree-a{
	line-height: 30px;
	float: right;
}
/*鼠标移入添加手势*/
.showme-pointer{
	cursor:pointer
}
/*鼠标移入添加颜色*/
.showme-green:hover{
	color:#009688;
}
.showme-orange:hover{
	color:#FFB800;
	cursor: pointer;
}
.showme-tips{
	width:20px;
	height:20px;
	font-size:12px;
	float:right;
	background: #dddddd;
	border-radius: 50%;
	text-align: center;
	line-height: 20px;
	display:block;
	margin:0 4px;
}
.showme-tips:after{
	content:'?';
}
.showme-tips-span{
	float:right;
}
.showme-float-left{
	float:left;
}
/* 表格型元素样式*/
.showme-picTable {
	display: flex;
	flex-wrap: wrap;
	width: calc(70% - 110px);
	min-width: 60%;
	align-items: center;
}
.showme-picTable .showme-picTable-item {
	width:100%;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}
.showme-picTable .showme-picTable-div {
	height: 100px;
	overflow: hidden;
	width: calc(16% - 10px);
	min-width: 100px;
	box-sizing: border-box;
	margin: 5px;
	cursor: pointer;
	position:relative;
}

.monitor-img {
	width:480px;
}
.div-height{
	line-height:40px;
	float:left;
	margin-left:10px;
}
.enlarge_img:hover{
	position: absolute;
	width: 200px;
	height: 200px;
	z-index: 9999;
	transition: 300ms all ease;
	margin-left: -80px;
	margin-top: -20px;
}
/*公共样式 end*/

/*公共class start*/
.showme-hidden{
	display: none;
}
.showme-disabled{
	background-color: #EAEAEA;
}
.invalid{
	position: absolute;
    line-height: 20px;
    margin-left: -42px;
    background-color: red;
    color: #fff;
}
.model-line-height{
	line-height: 30px;
}
.model .model-left-width{
	width:200px;
}
.model .model-right-width{
	width:250px;
}
/*公共class end*/

/*登录 start*/
.layui-login {
	padding: 0 20px;
    width: 300px;
	/*height: 310px;*/
    position: absolute;
    left: 50%;
    top: 50%;
	/*margin: -150px 0 0 -150px;*/
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
    box-sizing: border-box;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.layui-login .layui-form-item {
    position: relative;
}
.layui-login .layui-form-item {
    margin-bottom: 25px;
    clear: both;
}
.login-face {
    margin: -55px auto 20px;
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 5px solid #fff;
    overflow: hidden;
    box-shadow: 0 0 20px #009688;
    margin-bottom: 50px;
}
.login-face img {
    width: 100%;
}
/*登录 end*/

.layui-layer-tips{
	white-space: normal;
	 word-break: break-word;
	 word-wrap: break-word;
}
.showme-word-break{
	white-space: normal;
	 word-break: break-word;
	 word-wrap: break-word;
}

/*模态框上传多张图片样式控制 start*/
.pictureContainer {
  display: flex;
  flex-wrap: wrap;
}
.pictureContainer .pictureBox {
  position: relative;
  width: calc(20% - 2px);
  margin: 1px;
  display: none;
}
.pictureContainer .pictureBox img {
  width: 100%;
}
.pictureContainer .pictureBox:hover .deleteBtn {
  display: block;
  cursor: pointer;
}
.pictureContainer .pictureBox .deleteBtn {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  display: none;
}
.pictureContainer .pictureBox .deleteBtn .greybg {
  position: absolute;
  background: black;
  opacity: 0.7;
  width: 100%;
  height: 100%;
}
.pictureContainer .pictureBox .deleteBtn .deleteText {
  position: relative;
  color: white;
  text-align: center;
  padding: 4px 0;
}
/*模态框上传多张图片样式控制 end*/